﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SCA SMALL AGRO - Sistema Controle Agrícola SmallAgro</title>

    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/geral.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen" />
    <link href="css/960.css" rel="stylesheet" type="text/css" />
    <link href="css/contraste.css" rel="stylesheet" type="text/css" />
</head>

<body lang="pt-br">

    <!-- fim da barra do brasil -->

    <!-- topo -->

    <div class="bgTopoGeral">
        <div class="topoGeralInterna">
            <div class="topo_geral_alinhamento">
                <div class="topo_left">
                    <div class="titulo_sistema">
                        <h1>SCA - SmallAgro</h1>
                        <h3>Sistema Controle Agrícola - SmallAgro</h3>
                    </div>
                </div>
                <!-- início topo logomarca -->
                <div class="topo_right">
                    <!-- inicio acessibilidade -->
                </div>
                <!-- fim topo logomarca -->
            </div>
        </div>
    </div>
    <!-- fim topo -->


    <!-- início menu principal -->
    <div class="BoxMenuPrincipal">
        <div class="BoxMenuPrincipal_alinhamento">
            <ul class="sf-menu">
                <li class="current">
                    <a class="sf-with-ul" href="#a">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                    <ul class="bordasB">
                        <li>
                            <a href="#aa">menu item that is quite long</a>
                        </li>
                        <li class="current">
                            <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li class="current"><a href="#">menu item that is even longer still!</a></li>
                                <li><a href="#aba">menu item</a></li>
                                <li><a href="#abb">menu item</a></li>
                                <li><a href="#abc">menu item</a></li>
                                <li><a href="#abd">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">menu item</a>

                </li>
                <li>
                    <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                    <ul>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                                <li><a href="#">short</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>

                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">menu item</a>
                </li>
            </ul>

            <div class="boxInfoUser">
                <a href="#">Logout</a>
            </div>
        </div>
    </div>
    <!-- fim do novo menu acessivel -->

    <div class="geral">
        <!-- início conteudo -->
        <div class="BoxConteudoPrincipal">
            <!-- titulo pagina -->
            <br />
            <br />
            <h2 class="tituloPrincipal">Cadastrar Usuário</h2>
            <!-- fim titulo -->

            <div class="container_16 float_l">

                <!-- inicio dados do veículo -->
                <form method="get" class="formulario" action="#">

                    <div class="sombraBox">

                        <div class="container_16 msgsAlertas delta10">

                            <ul tabindex="1">
                                <li class="msgERRO">Todos os campos são obrigatórios!</li>
                            </ul>

                            <fieldset>

                                <legend><b>DADOS DO USUÁRIO<b /></legend>

                                <div class="grid_6">
                                    <label class="rotulo" for="nomeDoUsuario"><span class="obrigatorio">*</span>Nome do Usuário:</label>
                                    <input type="text" class="grid_layout" value="" id="nomeDoUsuario" />
                                </div>

                                <div class="clear"></div>

                                <div class="grid_4">
                                    <label class="rotulo" for="login"><span class="obrigatorio">*</span>Login:</label>
                                    <input type="text" class="grid_layout" value="" id="login" />
                                </div>

                                <div class="clear"></div>

                                <div class="grid_4">
                                    <label class="rotulo" for="senha"><span class="obrigatorio">*</span>Senha:</label>
                                    <input type="password" class="grid_layout" value="" id="senha" />
                                </div>

                                <div class="clear"></div>

                                <div class="grid_3">
                                    <span class="rotulo" for="">Status:</span>
                                    <div class="grid_3 alpha omega">
                                        <label class="float_l omega10" for="ativo">
                                            <input type="radio" name="status" value="ativo" id="ativo" checked="checked" disabled="disabled"/>Ativo</label>
                                        <label for="inativo">
                                            <input type="radio" name="status" value="inativo" id="inativo" disabled="disabled"/>Inativo</label>
                                    </div>
                                </div>

                            </fieldset>
                        </div>

                    </div>
                    <!-- fim dados do veículo -->
                    <div class="clear"></div>

                    <div class="float_r beta10">
                        <input type="button" class="formulario_button" value="Voltar" name="Voltar" />
                        <input type="button" class="formulario_button" value="Salvar" name="Salvar" />
                    </div>

                </form>
                <!-- fim formulario -->
            </div>


        </div>
        <!-- fim conteúdo -->

    </div>
</body>
</html>
